iT邦幫忙

2025 iThome 鐵人賽

DAY 3
0
Modern Web

從0到有做出一個商家網頁系列 第 3

Day3:做出網頁框架

  • 分享至 

  • xImage
  •  

今天要做出網頁的主要架構
網頁的架構有兩個部分
https://ithelp.ithome.com.tw/upload/images/20250805/20176052oJ7m6E2C6C.png
第一個網頁的架構

  1. 第一行是設定HTML的版本
  2. 第二行是利用屬性將網頁的語言設定為繁體中文
  3. 第三行<head> </head>,是設定網頁的標題
  4. 第四行是把編碼設定為UTF-8,如果沒有設定編碼,文字可能無法正常顯示(會變成亂碼),所以一定要設定編碼
  5. 第五行<title> </title>是設定網頁的名稱
  6. <body> <body>是設定網頁內部的內容
  7. 最後再用</html>,來把整個程式括起來
  8. 網頁是由多個兩兩一組的標籤所組成的

第二個網頁內部的標題
<h1> </h1>是用來顯示標題的標籤
由h1~h6,重要度由高到低
例子:
程式碼:
https://ithelp.ithome.com.tw/upload/images/20250805/20176052aQO2Q09Q9g.png

網頁內容:
https://ithelp.ithome.com.tw/upload/images/20250805/20176052Z0nyGtPJzu.png

今天就先介紹到這邊,謝謝大家的觀看


上一篇
Day2:網頁雛形
下一篇
Day4:添加網頁內容物
系列文
從0到有做出一個商家網頁30
圖片
  熱門推薦
圖片
{{ item.channelVendor }} | {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言